.ykHome {
  .ykHomeTitle {
    height: 50px;
    display: flex;
    background-color: var(--themeColor);
    justify-content: center;
    align-items: center;
    .title {
      color: white;
    }
  }
  .ykHomeCat {
    display: flex;
    .homeCatItem {
      flex: 1;
      img {
        width: 100%;
        height: 100%;
      }
    }
  }
  .ykHomeList {
    .homeListItem {
      .listItemTitle {
        margin-top:0.133333rem;
        img {
          height: 0.8rem; // 37.5 font-size
        }
      }

      .listItemPics {
        overflow: hidden;
        .picItem {
          float: left;
          &:nth-child(1) {
              margin-left:  0.213333rem;
              height: 5.146667rem;
              width: 3.093333rem;
          }

          &:nth-child(2),
          &:nth-child(4) {
              margin-left: 0.2rem;
              height: 2.506667rem;
              width: 3.1rem;
          }


          &:nth-child(3),
          &:nth-child(5) {
              margin-left:  0.2rem;
             
              height: 2.506667rem;
              width: 2.96rem;
          }

          &:nth-child(3),
          &:nth-child(2) {
              margin-bottom: 0.133333rem ;
          }
          img{
              width: 100%;
              height: 100%;
          }
        }

      }
    }
  }
}
